<template>
	<view>
		<page-head></page-head>
		<view style="padding: 0px 1rem 0px 1rem;">
			<view class="flex_row_between">
				<image @click="back" src="../../image/dbbtn/back.png" style="width: 8vh;height: 8vh;"></image>
				<view class="flex_row" style="justify-content: flex-end;">
					<image v-if="music" @click="music=false" src="../../image/dbbtn/opensound.png"
						style="width: 8vh;height: 8vh;" class=" between_padding">
					</image>
					<image v-else @click="music=true" src="../../image/dbbtn/closeSound.png"
						style="width: 8vh;height: 8vh;" class=" between_padding">
					</image>
					<image src="../../image/dbbtn/backhome.png" @click="backHome" style="width: 8vh;height: 8vh;"
						class=" between_padding">
					</image>
					<image src="../../image/dbbtn/quit.png" style="width: 8vh;height: 8vh;" class=" between_padding">
					</image>
					<image src="../../image/dbbtn/set.png" style="width: 8vh;height: 8vh;" class=" between_padding">
					</image> 
					</image>
				</view>
			</view>
			<view class="flex_row_between" style="padding-left: 1rem;padding-top: 13vh;">
				<view
					style="background: #4A5079;flex: 1;height: auto;padding: 6vh 9vh 6vh 9vh;color: #FFF;"
					class="border_r10 flex_col">
					<view class="rem06">方淑彤</view>
					<view style="margin:4vh 0;background: #D6D6D6;border-radius: 20px;height: 0.5vh;width: 3vh;">
					</view>
					<view class="flex_row rem04" style="font-weight: 600;">
						<view style="width: 12rem;" class="flex_row">
							<view style="color: #7F839C;">姓别</view>
							<view style="margin-left: 4vh;">女</view>
						</view>
						<view style="width: 100%;" class="flex_row">
							<view style="color: #7F839C;">类别</view>
							<view style="margin-left: 4vh;">女性全检</view>
						</view>
					</view>
					<view class="flex_row rem04" style="font-weight: 600;margin-top: 4vh;">
						<view style="width: 12rem;" class="flex_row">
							<view style="color: #7F839C;">年龄</view>
							<view style="margin-left: 4vh;">23</view>
						</view>
						<view style="width: 100%;" class="flex_row">
							<view style="color: #7F839C;">日期</view>
							<view style="margin-left: 4vh;">2020/9/28</view>
						</view>
					</view>
					<view class="flex_row rem04" style="font-weight: 600;margin-top: 4vh;">
						<view style="" class="flex_row">
							<view style="color: #7F839C;">电话</view>
							<view style="margin-left: 4vh;">18844449999</view>
						</view>
					</view>
				<!-- 	<view style="padding: 0.8rem 0 0 0;">
						<button style="width: 20vw;background-color: #44CE7B;color: #1E2238;"
							hover-class="btnClick" @click="gocjq" class="border_r10 rem03 allCenter">开始检测</button>
					</view> -->
				</view>
				<view class="flex_column" style="padding-left: 4vh;">
					<!-- <image src="../../image/cjymicon/dkcm.png" style="width: 26vh;" mode="widthFix"></image> -->
					<image @click="open()" src="../../image/cjymicon/bfsp.png"
						style="width: 26vh;margin-top: 6vh;" mode="widthFix"></image>
					<image src="../../image/cjymicon/close-video.png"
						style="width: 26vh;margin-top: 6vh;" mode="widthFix"></image>
					<view style="padding: 0.8rem 0 0 0;margin-top: 1.0rem;">
						<!-- <button style="background-color: #7878b3;color: #FFFFFF;opacity: 0.35;"
							hover-class="btnClick" @click="gocjq" class="border_r10 rem03 allCenter">开始检测</button> -->
						<button style="background-color: #44CE7B ;color: #1E2238;"
							hover-class="btnClick" @click="gocjq" class="border_r10 rem03 allCenter">开始检测</button>	
					</view>
				</view>
			</view>
		</view>
		<uni-popup ref="popup" >
			<view class="allCenter" style="background-color: #fff;border-radius: 2vh;padding: 3vh 6vh;width: 40vw;">
				<image src="../../image/icon/yctip.png" style="width: 9vh;" mode="widthFix"></image>
				<view style="color: #000000;font-size: 2vw;padding-left: 3vh;">请先播放提示视频</view>
			</view>
		</uni-popup>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				music: false
			}
		},
		methods: {
			back() {
				uni.navigateBack({
					delta: 1,
				})
			},

			gocjq() {
				uni.navigateTo({
					url: '/pages/cjq/cjq'
				})
			},

			backHome() {
				uni.reLaunch({
					url: '/pages/home/home'
				})
			},
			open() {
				this.$refs.popup.open('center')
			},
			close() {
				this.$refs.popup.close()
			}
		}
	}
</script>

<style>
	page {
		background: #1E2238;
	}

	.btnClick {
		background: #36BB6B !important;
	}
</style>
